<template>
  <div>
    <div>
      <img src="../static/pexels-cottonbro-studio-4089460.png" alt="" class="banner-image">
    </div>
    <div class="main_padd">
      <div class="recommend-box-title">
        <!-- 标题 -->
        <h2 class="recommend-title-text">行业资讯</h2>
      </div>
      <!-- 资讯列表 -->
      <div class="recommend-box-container">
        <div class="message-items">
            <div class="message-image">
                <img src="../static/336.jpg" alt="" class="image-msg">
            </div>
            <div class="voice-detail">
                <p>适合0基础的配音接单平台</p>
                <p>2022-12-07</p>
            </div>
        </div>
        <div class="message-items-txt">
           
            <div class="voice-detail">
                <p class="msg-txt-title">剪辑配音接单平台靠谱</p>
            </div>
        </div>
      </div>
       
    </div>
  </div>
</template>

<script>
  export default {

  }

</script>

<style>
.message-items{
    margin-right: 68px;
    margin-bottom: 18px;
    padding: 30px;
    background: #fff;
    display: flex;
    justify-content: center;
    border-radius: 14px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.06);
}
.message-items-txt{
    width: 455px;
    border-radius: 14px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.06);
    margin-right: 68px;
    margin-bottom: 18px;
    padding: 21px 24px;
    background: #fff;
    height: 62px;
    display: flex;
    align-items: center;
}
.msg-txt-title{
    margin: 0;
    font-size: 17px;
    color: #333;
}
/* .message-image{
   
} */
.image-msg{
    width: 170px;
    height: 120px;
    border-radius: 14px;
}
</style>
